$(function(){
    getUserInfo()
    // 用户 退出登录 为退出按钮 添加点击事件
    let layer=layui.layer
    $('.btnLogout').on('click',function(){
    layer.confirm('确认退出登录？', {icon: 3, title:'提示'}, 
    function(index){
        // 清空本地 存储中的  token值
        sessionStorage.removeItem('token')
        // 重新跳转到 登录页面
        location.href="/login.html"

        layer.close(index);
      });
   })
})

function getUserInfo(){
    $.ajax({
        method:'get',
        url:'/my/userinfo',
        //  headers 就是请求头配置对象
        // headers:{
        //     Authorization:sessionStorage.getItem('token') || ''
        // },
        success:function(res){
            // 如果身份验证失败
            if(res.status!==0){
                return layui.layer.msg('获取用户信息失败！')
            }
            // 如果验证成功  调用获取 用户资料函数
            renderInfo(res.data)
        },
        // eror(){
        //     // 状态码 不能200的 时候执行
        // },
        // 不管怎样 都是会执行的
        //  统一 写在 base.api 里面
        // complete(xhr){
        //     // 统一判断 返回的 响应报文中 是否告知没有登陆
        //     if(xhr.responseJSON.status===1){
        //         layui.layer.alert('亲，您好像没有登录喔~~',function(index){
        //         // 如果没有登陆成功  则返回 登录页面
        //             location.replace('/login.html')
        //             // 删除本地存储的 token
        //             sessionStorage.removeItem('token')
        //             layer.close(index)
        //         })
        //     }
        // }

    })
}

// // 用户 退出登录
// let layer=layui.layer
// $('.btnLogout').on('click',function(){
//     layer.confirm('确认退出登录？', {icon: 3, title:'提示'}, 
//     function(index){
//         // 清空本地 存储中的  token值
//         sessionStorage.removeItem('token')
//         // 重新跳转到 登录页面
//         location.href="/login.html"

//         layer.close(index);
//       });
// })

// 调用获取 用户资料函数
function renderInfo(usrInfo){
    // 1. 获取 显示的  名称(登录名)
    const userName=usrInfo.nickname || usrInfo.username
    // 2. 显示名称
    $('.welclome').text('欢迎：'+userName)
    // 3. 渲染 图片头像
    if(usrInfo.user_pic){
        //  设置并显示图片头像
        $('.layui-nav-img').attr('src',usrInfo.user_pic).show()
        // 隐藏文字头像
        $('.text-avatar').hide()
    }else{
        //  设置并显示图片头像
        $('.layui-nav-img').hide()
        // 隐藏文字头像
        $('.text-avatar').text(userName[0].toUpperCase()).css('display','inline-block')
    }
}

